@bendyline/squisq-editor-react 2.13.5 → 2.13.7

package/dist/{chunk-SINLDQ63.js → chunk-4MBH7MMU.js}

@@ -1,6 +1,6 @@
 import {
   MARKDOWN_ESCAPE_ATTR
-} from "./chunk-V7HUUMMB.js";
+} from "./chunk-ZLKINE4Y.js";
 
 // src/MarkdownEscape.ts
 import { Mark, mergeAttributes } from "@tiptap/core";

package/dist/{chunk-JMZ7RALZ.js → chunk-LDU3AWER.js}

@@ -3,11 +3,11 @@ import {
   AlignedTableHeader,
   MarkdownEscape,
   PlainTextClipboard
-} from "./chunk-SINLDQ63.js";
+} from "./chunk-4MBH7MMU.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-V7HUUMMB.js";
+} from "./chunk-ZLKINE4Y.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";

package/dist/{chunk-OMSRCHQ4.js → chunk-PCIVTLQG.js}

@@ -5,7 +5,7 @@ import {
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-V7HUUMMB.js";
+} from "./chunk-ZLKINE4Y.js";
 
 // src/InsertMenuItems.tsx
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";

package/dist/{chunk-WEEHXZUY.js → chunk-WZONLKTC.js}

@@ -19,7 +19,7 @@ import {
   useDictationState,
   useEditorContext,
   useEditorContextOptional
-} from "./chunk-OMSRCHQ4.js";
+} from "./chunk-PCIVTLQG.js";
 import {
   monacoLanguageRequestKey,
   monacoLanguagesForDocument,
@@ -30,7 +30,7 @@ import {
   AlignedTableHeader,
   MarkdownEscape,
   PlainTextClipboard
-} from "./chunk-SINLDQ63.js";
+} from "./chunk-4MBH7MMU.js";
 import {
   escapeLinkLabel,
   formatLinkDestination,
@@ -39,7 +39,7 @@ import {
   mediaEditNodeAttributeName,
   mediaEditNodeAttributes,
   tiptapToMarkdown
-} from "./chunk-V7HUUMMB.js";
+} from "./chunk-ZLKINE4Y.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -21814,6 +21814,10 @@ ${TASK_LIST_MARKDOWN}
   const showBlockSectionInOverflow = showTemplateInOverflow || showTransitionInOverflow;
   const overflowBlockLabel = currentTemplate ? templateLabel(currentTemplate) : "Heading";
   const showToolbarOverflow = actionsLaneShown && (collapsedFormatButtons.length > 0 || showFormattingControls && clippedContextual.size > 0 || showInsertInOverflow || collapsedChrome.length > 0);
+  const portalDialog = (dialog) => createPortal13(
+    /* @__PURE__ */ jsx50("div", { className: "squisq-dialog-portal", "data-theme": colorScheme, children: dialog }),
+    document.body
+  );
   return /* @__PURE__ */ jsxs39(
     "div",
     {
@@ -22440,35 +22444,39 @@ ${TASK_LIST_MARKDOWN}
           }
         ),
         slotRight,
-        showDocumentChrome && showDocSettings && /* @__PURE__ */ jsx50(
-          DocumentSettingsDialog,
-          {
-            markdownSource,
-            onSave: (next) => {
-              setMarkdownSource(next);
-              setShowDocSettings(false);
-            },
-            onClose: () => setShowDocSettings(false),
-            defaultThemeId: previewSettings?.inheritedThemeId,
-            defaultThemeLabel: previewSettings?.inheritedThemeLabel
-          }
+        showDocumentChrome && showDocSettings && portalDialog(
+          /* @__PURE__ */ jsx50(
+            DocumentSettingsDialog,
+            {
+              markdownSource,
+              onSave: (next) => {
+                setMarkdownSource(next);
+                setShowDocSettings(false);
+              },
+              onClose: () => setShowDocSettings(false),
+              defaultThemeId: previewSettings?.inheritedThemeId,
+              defaultThemeLabel: previewSettings?.inheritedThemeLabel
+            }
+          )
         ),
         showDocumentChrome && showLayoutManager && /* @__PURE__ */ jsx50(CustomLayoutManager, { onClose: () => setShowLayoutManager(false) }),
         contextMenuAvailable && /* @__PURE__ */ jsx50(WikiLinkMenuItems, { onEdit: () => handleAction("link") }),
-        linkDialog && /* @__PURE__ */ jsx50(
-          LinkDialog,
-          {
-            mode: linkDialog.mode,
-            kind: linkDialog.wiki ? "wiki" : "url",
-            initialText: linkDialog.initialText,
-            initialUrl: linkDialog.initialUrl,
-            onConfirm: handleLinkConfirm,
-            onClose: () => setLinkDialog(null),
-            documentLinkProvider,
-            linkSchemes
-          }
+        linkDialog && portalDialog(
+          /* @__PURE__ */ jsx50(
+            LinkDialog,
+            {
+              mode: linkDialog.mode,
+              kind: linkDialog.wiki ? "wiki" : "url",
+              initialText: linkDialog.initialText,
+              initialUrl: linkDialog.initialUrl,
+              onConfirm: handleLinkConfirm,
+              onClose: () => setLinkDialog(null),
+              documentLinkProvider,
+              linkSchemes
+            }
+          )
         ),
-        videoEmbedDialog,
+        videoEmbedDialog && portalDialog(videoEmbedDialog),
         insertMenuAnchor && createPortal13(
           /* @__PURE__ */ jsxs39(
             "div",
@@ -33903,10 +33911,41 @@ function persistFromWrite(bodyMd, state) {
 import { useCallback as useCallback43, useEffect as useEffect54, useMemo as useMemo41, useRef as useRef50, useState as useState67 } from "react";
 import { useEditor as useEditor2, EditorContent as EditorContent2 } from "@tiptap/react";
 import { Selection as Selection2 } from "@tiptap/pm/state";
-import { Extension as Extension16 } from "@tiptap/core";
+import { Extension as Extension17, getHTMLFromFragment } from "@tiptap/core";
 import StarterKit2 from "@tiptap/starter-kit";
 import Table from "@tiptap/extension-table";
 import TableRow from "@tiptap/extension-table-row";
+
+// src/tiptap/codeFenceSource.ts
+import { Extension as Extension16 } from "@tiptap/core";
+var FENCE_MARKER = /^(`{3,}|~{3,})$/;
+var CodeFenceSource = Extension16.create({
+  name: "codeFenceSource",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["codeBlock"],
+        attributes: {
+          fenceMarker: {
+            default: null,
+            parseHTML: (element) => {
+              const value = element.getAttribute("data-squisq-fence");
+              return value && FENCE_MARKER.test(value) ? value : null;
+            },
+            renderHTML: (attributes) => typeof attributes.fenceMarker === "string" && FENCE_MARKER.test(attributes.fenceMarker) ? { "data-squisq-fence": attributes.fenceMarker } : {}
+          },
+          fenceMeta: {
+            default: null,
+            parseHTML: (element) => element.getAttribute("data-squisq-fence-meta") || null,
+            renderHTML: (attributes) => typeof attributes.fenceMeta === "string" && attributes.fenceMeta ? { "data-squisq-fence-meta": attributes.fenceMeta } : {}
+          }
+        }
+      }
+    ];
+  }
+});
+
+// src/WysiwygEditor.tsx
 import TaskList from "@tiptap/extension-task-list";
 import TaskItem from "@tiptap/extension-task-item";
 import Link2 from "@tiptap/extension-link";
@@ -34549,6 +34588,15 @@ var ImageWithMediaProvider = Image.extend({
           return Number.isFinite(n) && n > 0 ? n : null;
         },
         renderHTML: (attrs) => attrs.height ? { height: String(attrs.height) } : {}
+      },
+      // A linked image (`[![alt](src)](url)`, a README badge). This image is
+      // a block node, which a link mark cannot wrap, so the parser lifts it
+      // out of its `<a>` and the link was lost on every save. Keep the target
+      // as an attribute the Markdown bridge writes back around the image.
+      href: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-squisq-image-href") ?? element.closest("a[href]")?.getAttribute("href") ?? null,
+        renderHTML: (attrs) => attrs.href ? { "data-squisq-image-href": attrs.href } : {}
       }
     };
   },
@@ -35127,6 +35175,316 @@ function DocumentTray({ editor }) {
 // src/WysiwygEditor.tsx
 import { profileBlockContents as profileBlockContents2, recommendTemplatesForBlock as recommendTemplatesForBlock2 } from "@bendyline/squisq/recommend";
 
+// src/sourcePreservation.ts
+function pairLines(a, b) {
+  const aToB = new Int32Array(a.length).fill(-1);
+  const work = [[0, a.length, 0, b.length]];
+  while (work.length > 0) {
+    let [aLo, aHi, bLo, bHi] = work.pop();
+    while (aLo < aHi && bLo < bHi && a[aLo] === b[bLo]) aToB[aLo++] = bLo++;
+    while (aHi > aLo && bHi > bLo && a[aHi - 1] === b[bHi - 1]) aToB[--aHi] = --bHi;
+    if (aLo >= aHi || bLo >= bHi) continue;
+    const countA = /* @__PURE__ */ new Map();
+    const indexA = /* @__PURE__ */ new Map();
+    for (let i = aLo; i < aHi; i++) {
+      const line = a[i];
+      if (line.trim() === "") continue;
+      countA.set(line, (countA.get(line) ?? 0) + 1);
+      indexA.set(line, i);
+    }
+    const countB = /* @__PURE__ */ new Map();
+    for (let j = bLo; j < bHi; j++) {
+      const line = b[j];
+      if (countA.has(line)) countB.set(line, (countB.get(line) ?? 0) + 1);
+    }
+    const candidates = [];
+    for (let j = bLo; j < bHi; j++) {
+      const line = b[j];
+      if (countB.get(line) === 1 && countA.get(line) === 1) {
+        candidates.push([indexA.get(line), j]);
+      }
+    }
+    const anchors = longestIncreasingByA(candidates);
+    if (anchors.length === 0) continue;
+    let prevA = aLo;
+    let prevB = bLo;
+    for (const [i, j] of anchors) {
+      aToB[i] = j;
+      work.push([prevA, i, prevB, j]);
+      prevA = i + 1;
+      prevB = j + 1;
+    }
+    work.push([prevA, aHi, prevB, bHi]);
+  }
+  return aToB;
+}
+function longestIncreasingByA(pairs) {
+  if (pairs.length === 0) return [];
+  const tails = [];
+  const previous = new Int32Array(pairs.length).fill(-1);
+  for (let p = 0; p < pairs.length; p++) {
+    const value = pairs[p][0];
+    let lo = 0;
+    let hi = tails.length;
+    while (lo < hi) {
+      const mid = lo + hi >> 1;
+      if (pairs[tails[mid]][0] < value) lo = mid + 1;
+      else hi = mid;
+    }
+    if (lo > 0) previous[p] = tails[lo - 1];
+    tails[lo] = p;
+  }
+  const result = [];
+  for (let p = tails[tails.length - 1]; p >= 0; p = previous[p]) result.push(pairs[p]);
+  return result.reverse();
+}
+function lineKeys(lines2) {
+  return lines2.map((line) => line.endsWith("\r") ? line.slice(0, -1) : line);
+}
+function detectLineEnding(text) {
+  const breaks = text.split("\n").length - 1;
+  if (breaks === 0) return "\n";
+  const crlf = text.split("\r\n").length - 1;
+  return crlf * 2 > breaks ? "\r\n" : "\n";
+}
+function blocksIn(lines2, roles, start, end) {
+  const blocks = [];
+  let blockStart = -1;
+  for (let i = start; i < end; i++) {
+    const separator = lines2[i].trim() === "" && roles[i] === "out";
+    if (separator) {
+      if (blockStart >= 0) blocks.push([blockStart, i]);
+      blockStart = -1;
+    } else if (blockStart < 0) {
+      blockStart = i;
+    }
+  }
+  if (blockStart >= 0) blocks.push([blockStart, end]);
+  return blocks;
+}
+function blockText(lines2, [start, end]) {
+  return lines2.slice(start, end).join("\n").toLowerCase().replace(/[^\p{L}\p{N}]+/gu, "");
+}
+function refineGap(regions, s, n, sStart, sEnd, nStart, nEnd) {
+  const sBlocks = blocksIn(s.lines, s.roles, sStart, sEnd);
+  const nBlocks = blocksIn(n.lines, n.roles, nStart, nEnd);
+  const same = (a, b) => {
+    const text = blockText(s.lines, a);
+    return text !== "" && text === blockText(n.lines, b);
+  };
+  let head = 0;
+  while (head < sBlocks.length && head < nBlocks.length && same(sBlocks[head], nBlocks[head])) {
+    head++;
+  }
+  let tail = 0;
+  while (tail < sBlocks.length - head && tail < nBlocks.length - head && same(sBlocks[sBlocks.length - 1 - tail], nBlocks[nBlocks.length - 1 - tail])) {
+    tail++;
+  }
+  let sAt = sStart;
+  let nAt = nStart;
+  const push = (sTo, nTo) => {
+    if (sTo > sAt || nTo > nAt) regions.push({ sStart: sAt, sEnd: sTo, nStart: nAt, nEnd: nTo });
+    sAt = sTo;
+    nAt = nTo;
+  };
+  const pairs = [];
+  for (let k2 = 0; k2 < head; k2++) pairs.push([sBlocks[k2], nBlocks[k2]]);
+  const middleS = head < sBlocks.length - tail ? sBlocks[head][0] : null;
+  const middleN = head < nBlocks.length - tail ? nBlocks[head][0] : null;
+  for (const [sBlock, nBlock] of pairs) {
+    push(sBlock[0], nBlock[0]);
+    push(sBlock[1], nBlock[1]);
+  }
+  if (middleS !== null || middleN !== null) {
+    const sTo = tail > 0 ? sBlocks[sBlocks.length - tail][0] : sEnd;
+    const nTo = tail > 0 ? nBlocks[nBlocks.length - tail][0] : nEnd;
+    push(sTo, nTo);
+  }
+  for (let k2 = tail; k2 > 0; k2--) {
+    const sBlock = sBlocks[sBlocks.length - k2];
+    const nBlock = nBlocks[nBlocks.length - k2];
+    push(sBlock[0], nBlock[0]);
+    push(sBlock[1], nBlock[1]);
+  }
+  push(sEnd, nEnd);
+}
+function createSourceBaseline(original, normalized) {
+  const originalLines = original.split("\n");
+  const normalizedLines = normalized.split("\n");
+  const originalRoles = literalRoles(originalLines);
+  const sides = {
+    s: { lines: originalLines, roles: originalRoles },
+    n: { lines: normalizedLines, roles: literalRoles(normalizedLines) }
+  };
+  const sToN = pairLines(lineKeys(originalLines), lineKeys(normalizedLines));
+  const regions = [];
+  let s = 0;
+  let n = 0;
+  const pushGap = (sEnd, nEnd) => {
+    if (sEnd > s || nEnd > n) refineGap(regions, sides.s, sides.n, s, sEnd, n, nEnd);
+  };
+  for (let i = 0; i < originalLines.length; i++) {
+    const j = sToN[i];
+    if (j < 0) continue;
+    pushGap(i, j);
+    regions.push({ sStart: i, sEnd: i + 1, nStart: j, nEnd: j + 1 });
+    s = i + 1;
+    n = j + 1;
+  }
+  pushGap(originalLines.length, normalizedLines.length);
+  return {
+    original,
+    normalized,
+    originalLines,
+    normalizedLines,
+    regions,
+    originalRoles,
+    lineEnding: detectLineEnding(original)
+  };
+}
+function literalRoles(lines2) {
+  const roles = [];
+  let fence = null;
+  let math = false;
+  let comment = false;
+  for (const raw of lines2) {
+    const line = raw.endsWith("\r") ? raw.slice(0, -1) : raw;
+    if (fence) {
+      const close = /^ {0,3}(`{3,}|~{3,})[ \t]*$/.exec(line);
+      if (close && close[1][0] === fence.char && close[1].length >= fence.length) {
+        fence = null;
+        roles.push("close");
+      } else {
+        roles.push("in");
+      }
+      continue;
+    }
+    if (math) {
+      if (line.trim() === "$$") {
+        math = false;
+        roles.push("close");
+      } else {
+        roles.push("in");
+      }
+      continue;
+    }
+    if (comment) {
+      if (line.includes("-->")) {
+        comment = false;
+        roles.push("close");
+      } else {
+        roles.push("in");
+      }
+      continue;
+    }
+    const open = /^ {0,3}(`{3,}|~{3,})(.*)$/.exec(line);
+    if (open && !(open[1][0] === "`" && open[2].includes("`"))) {
+      fence = { char: open[1][0], length: open[1].length };
+      roles.push("open");
+      continue;
+    }
+    if (line.trim() === "$$") {
+      math = true;
+      roles.push("open");
+      continue;
+    }
+    const commentStart = line.indexOf("<!--");
+    if (commentStart >= 0 && !line.includes("-->", commentStart + 4)) {
+      comment = true;
+      roles.push("open");
+      continue;
+    }
+    roles.push("out");
+  }
+  return roles;
+}
+function preserveSource(baseline, edited) {
+  if (baseline.original === baseline.normalized) return edited;
+  if (edited === baseline.normalized) return baseline.original;
+  const editedLines = edited.split("\n");
+  const nToM = pairLines(lineKeys(baseline.normalizedLines), lineKeys(editedLines));
+  const { regions } = baseline;
+  const clean = new Array(regions.length);
+  const mStart = new Int32Array(regions.length);
+  const mEnd = new Int32Array(regions.length);
+  for (let r = 0; r < regions.length; r++) {
+    const region = regions[r];
+    if (region.nEnd === region.nStart) {
+      clean[r] = false;
+      continue;
+    }
+    let ok = true;
+    const first = nToM[region.nStart];
+    for (let k2 = region.nStart; k2 < region.nEnd && ok; k2++) {
+      ok = nToM[k2] === first + (k2 - region.nStart) && first >= 0;
+    }
+    clean[r] = ok;
+    mStart[r] = first;
+    mEnd[r] = first + (region.nEnd - region.nStart);
+  }
+  const isBlank2 = (lines2, start, end) => {
+    for (let k2 = start; k2 < end; k2++) if (lines2[k2].trim() !== "") return false;
+    return true;
+  };
+  const separatorIsSafe = regions.map((region, r) => {
+    if (region.nEnd === region.nStart) return true;
+    if (!isBlank2(baseline.normalizedLines, region.nStart, region.nEnd)) return true;
+    if (!isBlank2(baseline.originalLines, region.sStart, region.sEnd)) return true;
+    const neighbourClean = (k2) => k2 < 0 || k2 >= regions.length || regions[k2].nEnd === regions[k2].nStart || clean[k2];
+    return neighbourClean(r - 1) && neighbourClean(r + 1);
+  });
+  for (let r = 0; r < regions.length; r++) if (!separatorIsSafe[r]) clean[r] = false;
+  for (let r = 0; r < regions.length; r++) {
+    const region = regions[r];
+    if (region.nEnd !== region.nStart) continue;
+    const before = r - 1;
+    const after = r + 1;
+    let position = -1;
+    if (before < 0) position = 0;
+    else if (clean[before]) position = mEnd[before];
+    else if (after >= regions.length) position = editedLines.length;
+    else if (clean[after]) position = mStart[after];
+    clean[r] = position >= 0;
+    mStart[r] = mEnd[r] = position;
+  }
+  const out = [];
+  const needsLineEnding = [];
+  const sourceRole = [];
+  const lastOriginal = baseline.originalLines.length - 1;
+  const editedRoles = literalRoles(editedLines);
+  let cursor = 0;
+  const emitEdited = (end) => {
+    for (; cursor < end; cursor++) {
+      out.push(editedLines[cursor]);
+      needsLineEnding.push(true);
+      sourceRole.push(editedRoles[cursor]);
+    }
+  };
+  for (let r = 0; r < regions.length; r++) {
+    if (!clean[r]) continue;
+    const region = regions[r];
+    if (mStart[r] < cursor) return edited;
+    emitEdited(mStart[r]);
+    for (let k2 = region.sStart; k2 < region.sEnd; k2++) {
+      out.push(baseline.originalLines[k2]);
+      needsLineEnding.push(k2 === lastOriginal);
+      sourceRole.push(baseline.originalRoles[k2]);
+    }
+    cursor = mEnd[r];
+  }
+  emitEdited(editedLines.length);
+  const assembledRoles = literalRoles(out);
+  for (let k2 = 0; k2 < out.length; k2++) {
+    if (assembledRoles[k2] !== sourceRole[k2]) return edited;
+  }
+  if (baseline.lineEnding === "\r\n") {
+    for (let k2 = 0; k2 < out.length - 1; k2++) {
+      if (needsLineEnding[k2] && !out[k2].endsWith("\r")) out[k2] += "\r";
+    }
+  }
+  return out.join("\n");
+}
+
 // src/MentionExtension.tsx
 import Mention from "@tiptap/extension-mention";
 import { PluginKey as PluginKey17 } from "@tiptap/pm/state";
@@ -35621,7 +35979,7 @@ var BLOCK_TAG_DATA_VALUES = {
 function pickEmptyPrompt() {
   return EMPTY_PROMPTS[Math.floor(Math.random() * EMPTY_PROMPTS.length)];
 }
-var SourceFrontmatter = Extension16.create({
+var SourceFrontmatter = Extension17.create({
   name: "sourceFrontmatter",
   addOptions() {
     return { initial: "" };
@@ -35781,6 +36139,10 @@ function WysiwygEditor({
       initialDisplayBodyRef.current = body;
     }
   }
+  const loadedSourceRef = useRef50(null);
+  if (loadedSourceRef.current === null) {
+    loadedSourceRef.current = { body: stripFrontmatter(editorSource).body, baseline: null };
+  }
   const initialContentRef = useRef50(void 0);
   if (initialContentRef.current === void 0) {
     initialContentRef.current = markdownToTiptap(initialDisplayBodyRef.current);
@@ -35807,6 +36169,7 @@ function WysiwygEditor({
         }
       }),
       HeadingWithTemplate.configure({ levels: [1, 2, 3, 4, 5, 6] }),
+      CodeFenceSource,
       Superscript,
       Subscript,
       MarkdownEscape,
@@ -35865,7 +36228,16 @@ function WysiwygEditor({
     onUpdate: ({ editor: ed, transaction }) => {
       if (!transaction.docChanged) return;
       if (isExternalUpdate.current || externalApplyPendingRef.current) return;
-      const bodyMd = persistFromWrite(tiptapToMarkdown(ed.getHTML()), wrapStateRef.current);
+      const serialize = (html) => persistFromWrite(tiptapToMarkdown(html), wrapStateRef.current);
+      let bodyMd = serialize(ed.getHTML());
+      const loaded = loadedSourceRef.current;
+      if (loaded) {
+        loaded.baseline ?? (loaded.baseline = createSourceBaseline(
+          loaded.body,
+          serialize(getHTMLFromFragment(transaction.before.content, ed.schema))
+        ));
+        bodyMd = preserveSource(loaded.baseline, bodyMd);
+      }
       const frontmatter = sourceLayoutRef.current === "document" ? String(ed.state.doc.attrs.sourceFrontmatter ?? "") : frontmatterRef.current;
       const newSource = frontmatter + bodyMd;
       pendingLocalSourcesRef.current.push(newSource);
@@ -36121,6 +36493,7 @@ function WysiwygEditor({
       const { body, frontmatter } = stripFrontmatter(editorSource);
       pendingLocalSourcesRef.current = [];
       frontmatterRef.current = frontmatter;
+      loadedSourceRef.current = { body, baseline: null };
       let displayBody = body;
       if (wrapPolicyEnabled) {
         const ingest = ingestForWrite(body);

package/dist/{chunk-V7HUUMMB.js → chunk-ZLKINE4Y.js}

@@ -65,6 +65,57 @@ function escapeLinkLabel(text) {
   return text.replace(/([\\[\]])/g, "\\$1");
 }
 
+// src/htmlEntities.ts
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function unescapeHtml(text) {
+  return text.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&nbsp;|&#160;|&#xA0;/gi, "\xA0").replace(/&amp;/g, "&");
+}
+
+// src/markdownFence.ts
+var BACKTICK = "`";
+function matchFenceOpen(line) {
+  const match = /^( {0,3})(`{3,}|~{3,})(.*)$/.exec(line);
+  if (!match) return null;
+  const marker = match[2];
+  const info = match[3];
+  if (marker[0] === BACKTICK && info.includes(BACKTICK)) return null;
+  return { indent: match[1].length, marker, info: info.trim() };
+}
+function isFenceClose(line, fence) {
+  const match = /^ {0,3}(`{3,}|~{3,})[ \t]*$/.exec(line);
+  return !!match && match[1][0] === fence.marker[0] && match[1].length >= fence.marker.length;
+}
+function fenceContentLine(line, fence) {
+  const indent = /^ */.exec(line)[0].length;
+  return line.slice(Math.min(indent, fence.indent));
+}
+function fencedCodeToHtml(fence, codeLines) {
+  const [lang = "", ...rest] = fence.info.split(/\s+/);
+  const meta = rest.join(" ");
+  const langAttr = lang ? ` class="language-${escapeHtml(lang)}"` : "";
+  const markerAttr = fence.marker === "```" ? "" : ` data-squisq-fence="${fence.marker}"`;
+  const metaAttr = meta ? ` data-squisq-fence-meta="${escapeHtml(meta)}"` : "";
+  return `<pre${markerAttr}${metaAttr}><code${langAttr}>${escapeHtml(codeLines.join("\n"))}</code></pre>`;
+}
+function fenceForCode(code, info, preferred) {
+  const char = preferred[0] === "~" || info.includes(BACKTICK) ? "~" : BACKTICK;
+  let length = preferred[0] === char ? Math.max(3, preferred.length) : 3;
+  const runs = char === "~" ? /^ {0,3}(~{3,})/gm : /^ {0,3}(`{3,})/gm;
+  for (const run of code.matchAll(runs)) length = Math.max(length, run[1].length + 1);
+  return char.repeat(length);
+}
+function fencedCodeToMarkdown(preAttrs, codeAttrs, codeHtml) {
+  const lang = unescapeHtml(/\bclass="language-([^"]*)"/.exec(codeAttrs)?.[1] ?? "");
+  const marker = /\bdata-squisq-fence="([`~]{3,})"/.exec(preAttrs)?.[1] ?? "```";
+  const meta = unescapeHtml(/\bdata-squisq-fence-meta="([^"]*)"/.exec(preAttrs)?.[1] ?? "");
+  const info = meta ? `${lang} ${meta}`.trim() : lang;
+  const code = unescapeHtml(codeHtml);
+  const fence = fenceForCode(code, info, marker);
+  return [fence + info, code, fence];
+}
+
 // src/markdownQuote.ts
 function isQuoteLine(line) {
   return line.startsWith("> ") || line.trimEnd() === ">";
@@ -210,8 +261,7 @@ var RE_ESCAPE_SPAN = new RegExp(
   "gi"
 );
 var RE_INLINE_CODE = /`(.+?)`/g;
-var BACKTICK = "`";
-var FENCE = "```";
+var BACKTICK2 = "`";
 var RE_IMAGE = /!\[(.*?)\]\((.+?)\)/g;
 var RE_MENTION = /@\[([^\]]+?)\]\(([a-z][a-z0-9+.-]*)\\?:([^)\s]+)\)/gi;
 var RE_MENTION_TAG = /<span\b[^>]*?\bdata-mention\b[^>]*?>(?:<[^>]+>)*([^<]*)<\/span>/gi;
@@ -224,17 +274,23 @@ var RE_A_TAG = /<a\b([^>]*)>(.*?)<\/a>/g;
 var RE_IMG_TAG = /<img\b([^>]*)>/g;
 var RE_STRIP_TAGS = /<[^>]+>/g;
 function joinWrappedCodeSpans(lines) {
-  if (!lines.some((line) => line.includes(BACKTICK))) return lines;
+  if (!lines.some((line) => line.includes(BACKTICK2))) return lines;
   const joined = [];
-  let inFence = false;
+  let fence = null;
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i];
-    if (line.startsWith(FENCE)) {
-      inFence = !inFence;
+    if (fence) {
+      if (isFenceClose(line, fence)) fence = null;
       joined.push(line);
       continue;
     }
-    if (inFence || !leavesCodeSpanOpen(line)) {
+    const opener = matchFenceOpen(line);
+    if (opener) {
+      fence = opener;
+      joined.push(line);
+      continue;
+    }
+    if (!leavesCodeSpanOpen(line)) {
       joined.push(line);
       continue;
     }
@@ -243,7 +299,7 @@ function joinWrappedCodeSpans(lines) {
     let closed = false;
     while (next < lines.length) {
       const candidate = lines[next];
-      if (candidate.trim() === "" || candidate.startsWith(FENCE)) break;
+      if (candidate.trim() === "" || matchFenceOpen(candidate)) break;
       merged = `${merged} ${candidate.replace(/^[ \t]+/, "")}`;
       next++;
       if (!leavesCodeSpanOpen(merged)) {
@@ -261,7 +317,7 @@ function joinWrappedCodeSpans(lines) {
   return joined;
 }
 function leavesCodeSpanOpen(text) {
-  return text.replace(RE_INLINE_CODE, "").includes(BACKTICK);
+  return text.replace(RE_INLINE_CODE, "").includes(BACKTICK2);
 }
 var QUOTE_CONVERTERS = {
   markdownToHtml: (markdown) => markdownToTiptap(markdown),
@@ -276,8 +332,7 @@ function markdownToTiptap(markdown) {
   const lines = joinWrappedCodeSpans(html.split("\n"));
   const frontmatterEnd = findFrontmatterEnd(lines);
   const outputBlocks = [];
-  let inCodeBlock = false;
-  let codeBlockLang = "";
+  let codeFence = null;
   let codeBlockLines = [];
   const listStack = [];
   let inTable = false;
@@ -415,26 +470,23 @@ function markdownToTiptap(markdown) {
   };
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i];
-    if (line.startsWith("```")) {
-      if (!inCodeBlock) {
-        flushList();
-        flushTable();
-        flushPendingBlankParagraphs();
-        inCodeBlock = true;
-        codeBlockLang = line.slice(3).trim();
+    if (codeFence) {
+      if (isFenceClose(line, codeFence)) {
+        pushBlock(fencedCodeToHtml(codeFence, codeBlockLines));
+        codeFence = null;
         codeBlockLines = [];
-        continue;
       } else {
-        const langAttr = codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : "";
-        pushBlock(`<pre><code${langAttr}>${escapeHtml(codeBlockLines.join("\n"))}</code></pre>`);
-        inCodeBlock = false;
-        codeBlockLang = "";
-        codeBlockLines = [];
-        continue;
+        codeBlockLines.push(fenceContentLine(line, codeFence));
       }
+      continue;
     }
-    if (inCodeBlock) {
-      codeBlockLines.push(line);
+    const fenceOpen = matchFenceOpen(line);
+    if (fenceOpen && (fenceOpen.indent === 0 || listStack.length === 0)) {
+      flushList();
+      flushTable();
+      flushPendingBlankParagraphs();
+      codeFence = fenceOpen;
+      codeBlockLines = [];
       continue;
     }
     if (inTable && !/^\|.*\|$/.test(line.trim())) {
@@ -524,6 +576,15 @@ function markdownToTiptap(markdown) {
       tableLines.push(line);
       continue;
     }
+    const linkedImageMatch = line.trim().match(/^\[!\[([^\]]*)\]\(([^()\s]+)\)\]\(([^()\s]+)\)$/);
+    if (linkedImageMatch) {
+      flushList();
+      const alt = escapeHtml(linkedImageMatch[1] ?? "");
+      const src = escapeHtml(unwrapLinkDestination(linkedImageMatch[2] ?? ""));
+      const href = escapeHtml(unwrapLinkDestination(linkedImageMatch[3] ?? ""));
+      pushBlock(`<img alt="${alt}" src="${src}" data-squisq-image-href="${href}">`);
+      continue;
+    }
     const standaloneImageMatch = line.trim().match(/^!\[(.*?)\]\((.+?)\)$/);
     if (standaloneImageMatch) {
       flushList();
@@ -563,9 +624,8 @@ function markdownToTiptap(markdown) {
     ).join("<br>");
     pushBlock(`<p>${paragraphHtml}</p>`);
   }
-  if (inCodeBlock) {
-    const langAttr = codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : "";
-    pushBlock(`<pre><code${langAttr}>${escapeHtml(codeBlockLines.join("\n"))}</code></pre>`);
+  if (codeFence) {
+    pushBlock(fencedCodeToHtml(codeFence, codeBlockLines));
   }
   flushList();
   flushTable();
@@ -608,13 +668,9 @@ function tiptapToMarkdown(html) {
       remaining = remaining.slice(headingMatch[0].length);
       continue;
     }
-    const codeMatch = remaining.match(/^<pre\b[^>]*><code\b([^>]*)>(.*?)<\/code><\/pre>/s);
+    const codeMatch = remaining.match(/^<pre\b([^>]*)><code\b([^>]*)>(.*?)<\/code><\/pre>/s);
     if (codeMatch) {
-      const lang = /\bclass="language-([^"]*)"/.exec(codeMatch[1] ?? "")?.[1] ?? "";
-      const code = unescapeHtml(codeMatch[2]);
-      lines.push("```" + lang);
-      lines.push(code);
-      lines.push("```");
+      lines.push(...fencedCodeToMarkdown(codeMatch[1] ?? "", codeMatch[2] ?? "", codeMatch[3]));
       lines.push("");
       remaining = remaining.slice(codeMatch[0].length);
       continue;
@@ -718,7 +774,7 @@ function tiptapToMarkdown(html) {
       if (src) {
         const alt = /\balt="([^"]*)"/i.exec(attrs)?.[1] ?? "";
         const serialized = serializeImage(src, alt, attrs);
-        lines.push(serialized.startsWith("<") ? serialized : unescapeHtml(serialized));
+        lines.push(serialized.includes("<img") ? serialized : unescapeHtml(serialized));
         lines.push("");
       }
       remaining = remaining.slice(imgMatch[0].length);
@@ -1037,26 +1093,22 @@ function serializeImage(src, alt, attrs) {
   const width = /\bwidth="([^"]*)"/i.exec(attrs)?.[1];
   const height = /\bheight="([^"]*)"/i.exec(attrs)?.[1];
   const title = /\btitle="([^"]*)"/i.exec(attrs)?.[1];
+  const href = /\bdata-squisq-image-href="([^"]*)"/i.exec(attrs)?.[1];
+  const linked = (image) => href ? `[${image}](${escapedDestination(href)})` : image;
   if (title?.startsWith("squisq-upload:")) return "";
   if (!width && !height) {
-    return `![${alt}](${escapedDestination(src)})`;
+    return linked(`![${alt}](${escapedDestination(src)})`);
   }
   const parts = [`<img alt="${alt}" src="${src}"`];
   if (width) parts.push(` width="${width}"`);
   if (height) parts.push(` height="${height}"`);
   if (title) parts.push(` title="${title}"`);
   parts.push(">");
-  return parts.join("");
+  return linked(parts.join(""));
 }
 function escapedDestination(attrValue) {
   return needsAngleDestination(attrValue) ? `&lt;${attrValue}&gt;` : attrValue;
 }
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function unescapeHtml(text) {
-  return text.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&nbsp;|&#160;|&#xA0;/gi, "\xA0").replace(/&amp;/g, "&");
-}
 function inlineToHtml(text) {
   const placeholders = [];
   const stash = (html) => {

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-WEEHXZUY.js";
+} from "./chunk-WZONLKTC.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-OMSRCHQ4.js";
+} from "./chunk-PCIVTLQG.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,14 +273,14 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-JMZ7RALZ.js";
+} from "./chunk-LDU3AWER.js";
 import {
   MarkdownEscape
-} from "./chunk-SINLDQ63.js";
+} from "./chunk-4MBH7MMU.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-V7HUUMMB.js";
+} from "./chunk-ZLKINE4Y.js";
 import {
   ImageEditor,
   ImageViewer,

package/dist/json-editor/index.js

@@ -1,8 +1,8 @@
 import {
   JsonEditor
-} from "../chunk-JMZ7RALZ.js";
-import "../chunk-SINLDQ63.js";
-import "../chunk-V7HUUMMB.js";
+} from "../chunk-LDU3AWER.js";
+import "../chunk-4MBH7MMU.js";
+import "../chunk-ZLKINE4Y.js";
 export {
   JsonEditor
 };

package/dist/review/index.js

@@ -19,9 +19,9 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-OMSRCHQ4.js";
+} from "../chunk-PCIVTLQG.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-V7HUUMMB.js";
+import "../chunk-ZLKINE4Y.js";
 
 // src/review/proofingAdapter.ts
 import {

package/dist/shell/index.js

@@ -5,16 +5,16 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-WEEHXZUY.js";
+} from "../chunk-WZONLKTC.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-OMSRCHQ4.js";
+} from "../chunk-PCIVTLQG.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-SINLDQ63.js";
-import "../chunk-V7HUUMMB.js";
+import "../chunk-4MBH7MMU.js";
+import "../chunk-ZLKINE4Y.js";
 import "../chunk-HLU6ZBS7.js";
 import "../chunk-LXGQA2SY.js";
 import "../chunk-LRZJD5YD.js";

package/dist/styles/index.css

@@ -7939,6 +7939,10 @@
   container-type: inline-size;
   container-name: squisq-toolbar;
 }
+.squisq-dialog-portal {
+  font-family: var( --squisq-ux-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif );
+  color: var(--squisq-text);
+}
 .squisq-toolbar-view-tabs {
   display: flex;
   gap: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.5",
+  "version": "2.13.7",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.3",
+    "@bendyline/squisq": "2.13.5",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.4",
-    "@bendyline/squisq-grid-react": "2.11.32",
-    "@bendyline/squisq-react": "2.12.12",
-    "@bendyline/squisq-video-react": "2.5.13",
+    "@bendyline/squisq-formats": "2.8.6",
+    "@bendyline/squisq-grid-react": "2.11.34",
+    "@bendyline/squisq-react": "2.12.14",
+    "@bendyline/squisq-video-react": "2.5.15",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",